<template>
    <div> 
    <div class="tongzhitop"><img src="@/assets/shape_u112.png" alt="">通知设置</div> 
    <ul>
        <li>接收消息通知<div><img src="@/assets/u5486.png" alt=""></div></li>
        <li>接收关注人信息提醒<div><img src="@/assets/u5486.png" alt=""></div></li>
    </ul> 
    </div>
</template>
<script>
export default {
   data() {
      return {
      }
   },
   created(){
   },
   computed:{
   },
   methods:{
   },
}
</script>
<style lang="less" scoped>
.tongzhitop {
    width: 100%;
    height: 6rem;
    font-size: 2rem;
    font-weight: bold;
    padding-top: 1rem;
    border-bottom: 1rem solid rgb(236, 235, 235);
    img {
      margin-left: 1rem;
      margin-right: 13rem;
    }
  }
  ul {
    width: 100%;
    height: 14rem;
  
    li {
      width: 100%;
      height: 5rem;
      font-size: 1.4rem;
      padding-left: 1rem;
      padding-top: 1.5rem;
      border-bottom: 0.1rem solid rgb(176, 176, 178);
      position: relative;
      div {
        width: 4rem;
        height: 2rem;
        background-color: rgb(40, 208, 148);
        position: absolute;
        top: 1rem;
        left: 30rem;
        border-radius: 1rem;
        img {
          padding-left: 1.7rem;
        }
      }
    }
  }
</style>